<template>
  <div class="payheader">
    <span class="iconfont" @click="back">&#xe612;</span>
    <div class='title'>结算</div>
    <div class="right"></div>
  </div>
</template>

<script>
export default {
  methods: {
    // 页面返回
    back: function(){
      this.$router.go(-1);
    }
  },
}
</script>

<style lang="less">
  .payheader{
    position: fixed;
    top: 0;
    z-index: 2;
    background: white;
    width: 100%;
    height: 1.5rem;
    color: #777;
    border-bottom: 1px solid #eee;
    span{
      width: 10%;
      float: left;
      height: 1.5rem;
      line-height: 1.5rem;
      font-size: .8rem;
      text-align: center;
    }
    .title{
      width: 80%;
      float: left;
      line-height: 1.5rem;
      text-align: center;
      margin: 0 auto;
      font-size: .5rem;
    }
    .right{
      float: left;
      width: 10%;
      line-height: 1rem;
    }
  }
</style>
